import React, { Component } from 'react'
import BlogNav_container from '../../../../../containers/blog_container/BlogNav_container'

import store from '../../../../../redux/store'
import { Provider } from 'react-redux'

export default class BlogHeader extends Component {
    constructor(props) {
        super(props);
        this.state = {
            screenWidth: window.innerWidth,
            isMouse: false,
        }
    }

    render() {
        return (
            <div style={{
                backgroundColor: '#fff',
                boxShadow: '0px 4px 5px #ddd'
            }}>
                <Provider store={store}>
                    <BlogNav_container
                        handleAvatorData={this.handleAvatorData}
                        isMouse={this.state.isMouse}
                        activeIndex={this.props.activeIndex}
                    />
                </Provider>
            </div>
        )
    }
}
